<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<link th:href="@{/c/base.css}" rel="stylesheet" type="text/css">
<link th:href="@{/c/toefl.css}" rel="stylesheet" type="text/css">
<link rel="stylesheet" th:href="@{/c/bootstrap.min.css}">
<script type="text/javascript" src="../j/jquery-2.1.0.js"></script>
<script src="../j/bootstrap.min.js"></script>
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
</head>
<body>
<!--头-->
<div class="doc1180">
	<div class="header">
    	<div class="logo"><a href="####"><img th:src="@{/i/logo.png}"></a></div>
        <div class="headerLink">
<<<<<<< HEAD:src/main/resources/templates/my/mydata.html
        	<a th:href="@{/用户/登录页}" class="###">登录</a>
            <a th:href="@{/用户/注册页}" class="###">注册</a>
=======
        	<a href="../login.html" class="###">登录</a>
            <a href="../register.html" class="###">注册</a>
>>>>>>> 68d6137c6066589eda25305e1c45a25ce98b1723:src/main/resources/templates/用户/个人中心个人资料.html
        </div>
    </div>
</div>
<div class="menu">
	<div class="doc1180">
   	  <div class="menuLink">
        	<ul class="fn-clear">
<<<<<<< HEAD:src/main/resources/templates/my/mydata.html
            	<li class="active"><a href="../用户/首页.html" >首页</a></li>
                <li><a href="../用户/托福人.html" >托福人</a></li>
                <li><a href="../用户/公开课首页.html" >公开课</a></li>
                <li><a href="../用户/组群聊-群聊页.html" >群组聊</a></li>
                <li><a href="../用户/福利城堡-福利城堡.html">福利城堡</a></li>
=======
            	<li class="active"><a href="../index.html" >首页</a></li>
                <li><a href="托福人.html" >托福人</a></li>
                <li><a href="公开课首页.html" >公开课</a></li>
                <li><a href="chat.html" >群组聊</a></li>
                <li><a href="福利城堡-福利城堡.html">福利城堡</a></li>
>>>>>>> 68d6137c6066589eda25305e1c45a25ce98b1723:src/main/resources/templates/用户/个人中心个人资料.html
            </ul>
        </div>
    </div>
</div>
<!--头-->
<div class="doc1180 fn-clear paddingT20">
    <div class="doc230 fn-left">
        <div class="flcb_cardUser">
            <div class="flcb_cardUserPic"><img th:src="@{/i/flcb_cardUserPic.png}" width="100" height="100"></div>
            <div class="flcb_cardUserName">${user.getUsername()}</div>
            <div class="flcb_cardUserText">${user.getSignature()}</div>
        </div>
        <div class="flcb_cardUserInfo">
            <div>你现在拥有的RPB：<span class="green">50</span></div>
            <div>你现在的等级是：学霸</div>
            <div><span>下一等级：</span>学神<span>还差RPB：80</span></div>
            <div><a href="###" style="color: red;">充值兑换</a></div>
        </div>
        <div class="flcb_cardUserMenu">
            <ul>
                <li class="on"><a href="mydata.html" target="infor" class="icon_1">个人资料</a></li>
                <li><a href="../用户/个人中心我的公开课.html" target="infor" class="icon_2">我的公开课</a></li>
                <li><a href="../用户/个人中心我的群组.html" target="infor" class="icon_3">我的群组</a></li>
                <li><a href="../用户/个人中心我的福利城堡.html" target="infor" class="icon_5">我的福利城堡</a></li>
                <li><a href="../用户/个人中心我的托福人.html" target="infor" class="icon_6">我的托福人</a></li>

            </ul>
        </div>
    </div>
    <div class="doc910 fn-right">
        <div class="doc910 fn-right">
            <div class="flcb_cardMenu">
                <ul>
                    <li class="on">
                        <a href="###" target="infor" id="basic">基本资料</a>
                    </li>
                    <li >
                        <a href="###" target="infor" id="teacherBasic">基本资料(教师)</a>
                    </li>
                    <li>
                        <a href="###" target="infor" id="imgUpload">头像设置</a>
                    </li>
                    <li>
                        <a href="###" target="infor" id="passwordChange">密码设置</a>
                    </li>
                </ul>
            </div>

            <div class="userCenter" style="display: block;" id="basicContent">
                <form th:action="@{/updateuser}">
                    <dl>
                        <dt>用户名：</dt>
                        <dd><input type="text" class="userCenter_input" placeholder="${user.getUsername}"></dd>
                    </dl>
                    <dl>
                        <dt>性别：</dt>
                        <dd>
                            <div class="userCenter_radio">
                                <input name="sex" type="radio" value="男"><span>男</span>
                                <input name="sex" type="radio" value="女"><span>女</span>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>邮箱：</dt>
                        <dd><input type="text" class="userCenter_input" placeholder="${user.getEmail}"></dd>
                    </dl>
                    <dl>
                        <dt>电话：</dt>
                        <dd><input type="text" class="userCenter_input" placeholder="${user.getPhone}"></dd>
                    </dl>
                    <dl>
                        <dt>出生日期：</dt>
                        <dd>
                            <select name="" class="userCenter_y">
                                <option>2015</option>
                                <option>2014</option>
                            </select>
                            <select class="userCenter_m">
                                <option>12</option>
                                <option>11</option>
                                <option>10</option>
                                <option>9</option>
                                <option>8</option>
                            </select>
                        </dd>
                    </dl>
                    <dl>
                        <dt>个性签名：</dt>
                        <dd><textarea cols="" rows="" class="userCenter_t">${member.getSignature}</textarea>
                            <p class="userCenter_text">请输入2-100个字符</p>
                        </dd>
                    </dl>
                    <dl>
                        <dt></dt>
                        <dd>
                            <a href="###" class="userCenter_save">保存</a>
                        </dd>
                    </dl>
                </form>
            </div>

            <div class="userCenter" style="display: none;" id="teacherBasicContent">
                <dl>
                    <dt>用户名：</dt>
                    <dd><input type="text" class="userCenter_input" value="用户名"></dd>
                </dl>
                <dl>
                    <dt>真实姓名：</dt>
                    <dd><input type="text" class="userCenter_input" value="真实姓名"></dd>
                </dl>
                <dl>
                    <dt>性别：</dt>
                    <dd>
                        <div class="userCenter_radio">
                            <input name="sex" type="radio" value=""><span>男</span>
                            <input name="sex" type="radio" value=""><span>女</span>
                        </div>
                    </dd>
                </dl>
                <dl>
                    <dt>学历：</dt>
                    <dd>
                        <div class="userCenter_radio">
                            <input name="sc" type="radio" value=""><span>专科</span>
                            <input name="sc" type="radio" value=""><span>本科</span>
                            <input name="sc" type="radio" value=""><span>硕士</span>
                            <input name="sc" type="radio" value=""><span>博士</span>
                        </div>
                    </dd>
                </dl>

                <dl>
                    <dt>邮箱：</dt>
                    <dd><input type="text" class="userCenter_input" value="dix1212121@163.com"></dd>
                </dl>
                <dl>
                    <dt>电话：</dt>
                    <dd><input type="text" class="userCenter_input" value="12345678901"></dd>
                </dl>
                <dl>
                    <dt>出生日期：</dt>
                    <dd>
                        <input type="date" class="userCenter_input" value="">
                    </dd>
                </dl>
                <dl>
                    <dt>自我介绍：</dt>
                    <dd><textarea cols="" rows="" class="userCenter_t">最近土豪牛大了，昨晚说今天南北车还要板，今天果然又板！</textarea>
                        <p class="userCenter_text">请输入2-100个字符</p>
                    </dd>
                </dl>
                <dl>
                    <dt></dt>
                    <dd>
                        <a href="###" class="userCenter_save">保存</a>
                    </dd>
                </dl>
            </div>

            <div class="userCenter" style="display: none;" id="passwordChangeContent">
                <dl>
                    <dt>密码：</dt>
                    <dd><input name="" type="text" class="userCenter_input"></dd>
                </dl>
                <dl>
                    <dt>新密码：</dt>
                    <dd><input name="" type="text" class="userCenter_input"></dd>
                </dl>
                <dl>
                    <dt>确认新密码：</dt>
                    <dd><input name="" type="text" class="userCenter_input"></dd>
                </dl>
                <dl>
                    <dt></dt>
                    <dd>
                        <a href="###" class="userCenter_save">保存</a>
                    </dd>
                </dl>
            </div>

            <div class="userTX" style="display: none;" id="imgUploadContent">
                <div class=" fn-clear">
                    <a class="userTX_b" href="###">本地上传</a>
                </div>
                <div class="userTXPic">
                    <div class="userTXPicText">仅支持JPG、PNG格式且文件小于5M</div>
                    <div class="userTX_240x240"><img src="../i/240x240.png"></div>
                </div>
                <div class="userTXShow">
                    <div class="fn-clear">
                        <div class="userTXPicText">您上传的图片会自动生成一下三种尺寸，请观察是否清晰</div>
                        <div class="userTX_150x150"><img src="../i/240x240.png"><span>150*150</span></div>
                        <div class="userTX_60x60"><img src="../i/240x240.png"><span>60*60</span></div>
                        <div class="userTX_30x30"><img src="../i/240x240.png"><span>30*30</span></div>
                    </div>
                    <div class="userTXSave">
                        <a class="userTXSave" href="###">本地上传</a>
                    </div>
                </div>
            </div>

        </div>
    </div>

</div>
</body>
</html>